<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	{{--<meta name="viewport" content="width=device-width, initial-scale=1">--}}
	<title>央票通</title>
	<link rel="stylesheet" href="./resource/css/index.css">
	<link rel="stylesheet" href="./resource/css/project_details.css">
</head>
<body>
<!-- 头部 -->
@include('common.index_head')
<!-- 详情 -->
<div class="cont-details">
	<div class="main">
		<div class="cont cont1 cont-experi">
			<div class="left">
				<div class="title">
					<div class="h4">体验标</div>
					<span>此项目为央票通体验标，供平台在线注册用户体验投资的虚拟项目</span>
				</div>
				<div class="box">
					<div class="info">
						<div>年利率：
							<span id="yersl">10%</span>
						</div>
						<div>期限：
							<span id="nums">1</span>天
						</div>
						<div>所需金额：
							<span>1000万</span>
						</div>
					</div>
				</div>
			</div>
			<div class="right">
				<div class="logo">
					<!-- 登录前 -->
					<?php  if(empty($usersid)) {?>
						<div class="login_before">请立即<a href="/login">登录</a></div>
					<?php  }?>
					
					<!-- 登录后 -->
					<?php  if(!empty($usersid)) {?>
					<div class="rank" ><?php  if(!empty($experiencenot[0]->scale)){?>{{$experiencenot[0]->scale}}<?php }else{ ?>0.0<?php }?>元</div>
					<div class="small">可用体验金</div>
					<input type="hidden"  id="experiencesum" value="<?php  if(!empty($experiencenot[0]->scale)){?>{{$experiencenot[0]->scale}}<?php }?>">
					<input type="hidden"  id="t_id" value="<?php  if(!empty($experiencenot[0]->t_id)){?>{{$experiencenot[0]->t_id}}<?php }?>">
					<?php  }?>
					
					<div class="input-box">
						<input type="text" id="experience" placeholder="请输入投资金额">
					</div>
					<div class="btn">
						<a href="javascript:void(0);" onclick="submiTment()">立即投资</a>
					</div>
				</div>
			</div>
		</div>
		<div class="cont cont2">
			<div class="title">
				<ul>
					<li class="active">投资记录</li>
					<li >体验标说明</li>
				</ul>
			</div>
			<div class="details">

				<div class="det_table record-box">
					<table class="record">
						<tr>
							<th width="150px;">序号</th>
							<th width="250px;">投资人</th>
							<th width="220px;">投资金额（元）</th>
							<th width="260px;">投资状态</th>
							<th width="244px;">投资时间</th>
						</tr>
						<?php  if(!empty($info)){?>
						@for($i=0;$i<count($info);$i++)
						<tr>
							<td>{{$page.$i+1}}</td>
							<td>{{$info[$i]->user_name}}</td>
							<td>{{$info[$i]->exper_money}}</td>
							<td>已成功</td>
							<td>{{date('Y-m-d H:i:s',$info[$i]->exper_time)}}</td>
						</tr>
						@endfor
						<?php }?>
					</table>
					{{$info->links()}}
				</div>
				<div class="det_table">
					<div class="explain">
						<ul>
							<li><span>1</span>体验标无需实名认证即可投资此项目。</li>
							<li><span>2</span>体验标是由平台资金池设立的一个提供给用户进行体验的资金，只能投资体验标项目，使用后即可产生可用收益。</li>
							<li><span>3</span>注册新用户即可获得10000元的体验金，获得后即可在此体验标投资。</li>
							<li><span>4</span>投资完成后，本金将由平台收回。投资获得的收益归用户所有，已充值并投资成功的用户可将收益用于投资或提现，没有充值过的用户不可提现</li>
							<li><span>5</span>本项目最终解释权归央票通平台所有，若有其他疑问，请联系客服咨询 4000-678-797</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- footer -->
@include('common.index_foot')

<!-- 返回顶部 -->
<div class="tooblar">
	<a href="javascript:;" class="tooblar-item tooblar-item-weixin">
		<span class="tooblar-later"></span>
	</a>
	<a href="javascript:;" class="tooblar-item tooblar-item-service"></a>
	<a href="javascript:;" id="counterProfit" class="tooblar-item tooblar-item-counter"></a>
	<a href="javascript:;" id="backTop" class="tooblar-item tooblar-item-top"></a>
	<div class="counter-box">
		<div class="btnClose"></div>
		<span class="errTip"></span>
		<form>
			<div class="form-group">
				<input type="text" name="amountValue" value="" placeholder="输入投资金额" class="form-control">
				<span class="unit">元</span>
			</div>
			<div class="form-group">
				<span class="span">计息单位</span>
				<input type="radio" name="dueUnit" value="月" checked="checked">
				<span class="span">月</span>
				<input type="radio" name="dueUnit" value="天">
				<span class="span">天</span>
			</div>
			<div class="form-group">
				<input type="text" name="dueMonth" value="" placeholder="输入投资期限" class="duration form-control">
				<span class="unit changeUnit">月</span>
			</div>
			<div class="form-group">
				<input type="text" name="annualRate" value="" placeholder="输入年化利率" class="form-control">
				<span class="unit">%</span>
			</div>
			<div class="form-group">
				<select name="paymentMethod" class="form-control">
					<option value="MonthlyInterest">先息后本</option>
					<option value="BulletRepayment">一次性还本付息</option>
					<!-- <option value="EqualInstallment">等额本息</option> -->
				</select>
			</div>
			<div class="form-group">
				<div class="btn-cal">计算收益</div>
			</div>
		</form>
	</div>
	<div class="counter-result-container">
		<div class="counter-result">
			<div class="leftBar">
				<div class="btnShow"></div>
			</div>
			<div class="resultTable">
				<div class="title">
					<span class="icon"></span>
					<span class="hint"></span>
				</div>
				<div class="results-table">
					<div class="table-header">
						<div class="tdCell">收款日期</div>
						<div class="tdCell">收款金额(元)</div>
						<div class="tdCell">收回本金(元)</div>
						<div class="tdCell">收回利息(元)</div>
						<div class="tdCell">剩余本金(元)</div>
					</div>
					<div id="cc-table-container" class="cc-table-container">
						<div class="table_wrap">
							<div class="table table-bordered">
								<div id="cc-cal-list-wp">
									
								</div>
							</div>
						</div>
					</div>
					<div class="table-bordered1">
						<div id="cc-cal-total" class="table-zj">
							<div class="tdCell borderRight">总计</div>
							<div class="Tamount tdCell borderRight"></div>
							<div class="TamountPrincipal tdCell borderRight"></div>
							<div class="TamountInterest tdCell borderRight"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<script src="./resource/js/jquery-1.11.3.min.js"></script>
<script src="./resource/js/index.js"></script>
<script src="./resource/js/bootstrap-progressbar.js"></script>
<script src="./resource/js/project.js"></script>
<script src="./resource/jquery/experience.js"></script>
<script type="text/javascript">
	//进度条
	$('.bar').progressbar({display_text: 'fill'});
	$('.J_bar').html($('.bar').attr('data-transitiongoal'));

</script>
</body>
</html>